@CHARSET "UTF-8";

div#controls {
    position: absolute;
    top: 0px;
}

div#local {
    position: absolute;
    z-index: 99;
    top: 50px;
    width: 200px;
    height: 150px;
    border: 2px solid;
}

div#local video {
    position: relative;
    width: 100%;
    height: 100%;
}

div#remote {
    position: absolute;
    top: 220px;
    width: 120px;
}

div#remote video {
    position: relative;
    width: 100%;
    height: 100%;
}

div#remote div {
    position:relative;
    width: 120px;
    height: 90px;
    border: 2px solid;
    margin-bottom: 5px;
}

div#principal {
    margin: auto;
    width: 540px;
    height: 400px;
    border: 2px solid;
    width: 540px;
    margin-bottom: 20px;
}

div#chat {
    margin: auto;
    width: 450px;
    height: 200px;
    border: 2px solid;
}

div#input {
    position: relative;
    top: 28px;
    left: 21px;
}

div#history {
    position: relative;
    top: 11px;
    left: 20px;
    width: 406px;
    height: 132px;
    background-color: white;
    overflow: scroll;
}